@charset "utf-8";
@import "common/reset";
@function r($px){
    @return $px/100+rem;
}
*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}
.mobile{
         background: #f1f1f1;
    header{
        font-size: 0;
      width: 100%;
      height: r(98);
        background: #000000;
        position: relative;
        input{
            margin-top: r(21);
            margin-left: r(18);
        width: r(513);
        height: r(58);
        display: inline-block;
        border: r(2)solid white;
        border-radius: r(30);
        font-size: r(24);
        color: #7c7c7c;
        padding-left:r(80) ;
    }
    .search{
        position: absolute;
        bottom: r(20);
        left: r(35);
    }
    .Cancel{  
        display: inline-block;
        a{
            font-size: r(29);
        color: white;
      
        margin-left: r(16);
        }
    }
    }
    section{
  
       font-size: 0;
       p{ margin-top: r(37);
       margin-left: r(34);
         font-size: r(29); 
         margin-bottom: r(17);
       } 
       .hot-search{
           margin-left: r(30);
         span{font-size: r(29);
           color: #8b8b8b;
           text-align: center;
           line-height: r(57);
       }
              a:nth-child(1){margin-right: r(8);
                   width: r(153);
                   height: r(57);
                   background: #ffffff;
                   display: inline-block;
                   border: r(1) solid #e1e1e1;
                   text-align: center;
              }
               a:nth-child(2){
                   width: r(178);
                   height: r(57);
                    margin-right: r(8);
                   display: inline-block;
                    background: #ffffff;
                    border: r(1)solid #e1e1e1;
                    text-align: center;
               }
               a:nth-child(3){
                   width: r(202);
                   height: r(57);
                   display: inline-block;
                    background: #ffffff;
                    border: r(1)solid #e1e1e1;
                    text-align: center;
               }
           
       }
         .hot-two{
           margin-left: r(30);
           span{font-size: r(29);
           color: #8b8b8b;
           text-align: center;
           line-height: r(57);
           }
               a:nth-child(1){
                   margin-right: r(8);
                   width: r(120);
                   height: r(57);
                   background: #ffffff;
                   display: inline-block;
                   border: r(1) solid #e1e1e1;
                     text-align: center;
               }
               a:nth-child(2){
                   width: r(154);
                   height: r(57);
                    margin-right: r(8);
                   display: inline-block;
                    background: #ffffff;
                    border: r(1)solid #e1e1e1;
                      text-align: center;
               }
               a:nth-child(3){
                   width: r(291);
                   height: r(57);
                   display: inline-block;
                    background: #ffffff;
                    border: r(1)solid #e1e1e1;
                      text-align: center;
               }
       }
       .hot-three{
           margin-left: r(30);
           span{font-size: r(29);
           color: #8b8b8b;
           text-align: center;
           line-height: r(57);
           
           }
               a:nth-child(1){
                   margin-right: r(8);
                   width: r(95);
                   height: r(57);
                   background: #ffffff;
                   display: inline-block;
                   border: r(1) solid #e1e1e1;
                    text-align: center;
               }
              a:nth-child(2){
                   width: r(251);
                   height: r(57);
                    margin-right: r(8);
                   display: inline-block;
                    background: #ffffff;
                    border: r(1)solid #e1e1e1;
                    text-align: center;
               } 
       }
    }
    footer{
        margin-top: r(350);
        .jianpan{
            width: 100%;
            height: r(431);
            img{width: 100%;}
        }
    }
}
